<!-- directive:title 计划墙 -->
<!-- directive:breadcrumb 计划墙 -->
<div class="wrapper-md">
    <div class="tipbox">
        <div class="tipcontent" ng-repeat="row in messages" style="{{row.style}}" draggable>
            <div class="tipcontent_h" title="双击关闭纸条">
                <div class="num">第[ {{row.id}} ]条 {{row.time}}</div>
                <div class="close" title="关闭纸条">×</div>
                <div class="clr"></div>
            </div>
            <div class="tipcontent_c">{{row.content}}</div>
            <div class="tipcontent_f">
                <div class="name">{{row.name}}</div>
                <div class="clr"></div>
            </div>
        </div>
    </div>
    <h3>可拖动</h3>
    <h3><del class="text-danger">拖动插件有问题</del> 已经解决 可以使用</h3>
    <h3>更新了一下 拖拽的文件将在最上层</h3>
    <style type="text/css" ui-bs>
        .tipbox { margin: 0 auto; width: 100%; background: #ddd; height: 627px; position: relative; }
        .tipbox .tipcontent { position: absolute; width: 227px; left: 200px; top: 100px; z-index:100; }
        .tipbox .tipcontent .tipcontent_h { background: url('') no-repeat left top; }
        .tipbox .tipcontent .tipcontent_h { width: 227px; padding-top: 45px; text-align: left; cursor: move; }
        .tipbox .tipcontent .tipcontent_c { background: url('') repeat-y;color: #555; }
        .tipbox .tipcontent .tipcontent_c { width: 220px; padding-left: 12px; padding-right: 15px; min-height: 40px; text-align: left; line-height: 20px; max-height: 160px; word-wrap: break-word; word-break: break-all; overflow: hidden; }
        .tipbox .tipcontent .tipcontent_f { background: url('') no-repeat left top; }
        .tipbox .tipcontent .tipcontent_f{ width: 227px; height: 81px; padding-top: 20px; }
        .tipbox .close{ float: left; font-size: 12px; cursor: pointer; color: #000000; }
        .tipbox .clr { clear: both; overflow: auto; display: block; height: 0px; }
        .tipbox .icon { float: left; width: 35px; padding-left: 15px; height: 35px; text-align: center; }
        .tipbox .name { float: right; padding-right: 15px; text-align: right; font-size: 14px; line-height: 35px; color: #C0F; }
        .tipbox .num { float: left; padding-left: 7px; width: 195px; font-size: 12px;color: #555; }
    </style>
</div>